<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>相对路径</title>
</head>
<body>
<div>
    <!-- 相对路径      ./表示当前路径 ， ../表示上一级，多个../表示多个上一级 -->
    <img width="200" src="./images/图A12-16%20天空素材.jpg">
    <img width="200" src="../../images/IMG_8255.JPG">

    <!--        绝对路径-->
    <!--    本地绝对路径-->
    <img width="200" src="D:/考研/初试.png">
    <!--  网络绝对路径  -->
    <img width="200" src="https://sf3-cdn-tos.toutiaostatic.com/img/user-avatar/339e655f38db9f8b435f33ee0ae854d2~300x300.image">

</div>
</body>
</html>